<!-- 缴费 -->
  <div class="pay">
    <p class="caption">缴费</p>
    <div class="table-operations">
      <button class="btn-normol" (click)="getPayList()">全部</button>
      <button class="btn-normol" (click)="getNotPayList()">未缴费</button>
      <button class="btn-normol" (click)="getIsPayList()">已缴费</button>
    </div>
    <nz-table #filterTable
      nzTableLayout="fixed"
      class="pay-table"
      [nzBordered]="true"
      [nzFrontPagination]="true"
      [nzScroll]="{ y: '45rem' }"
    >
      <thead>
        <tr>
          <th>缴费类型</th>
          <th>应缴费(元)</th>
          <th>优惠金额(元)</th>
          <th>缴费人姓名</th>
          <th>公司收款账号</th>
          <th>缴费时间</th>
          <th>截止时间</th>
          <th>操作</th>

        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of isOrNotPayList">
          <td>{{ getPayType(data.Type) }}</td>
          <td>{{ data.PayablePrice }}</td>
          <td>{{ data.Coupon }}</td>
          <td>{{ data.CustomerName }}</td>
          <td>{{ data.CompanyAccount }}</td>
          <td>{{ formatTime(data.EndTime) }}</td>
          <td>{{ data.IsPostpone!==1 ? '-' : formatTime(data.DeadTime) }}</td>
          <td>
            <button
             class="btn-normol btn-delay"
             [disabled]="data.IsPostpone===1||data.Status===1"
             (click)="applyDelay(data.Id)"
            >
              {{ data.IsPostpone===1 ? '已延期' : '延期'}}
            </button>
            <button
             class="btn-normol btn-pay"
             [disabled]="data.Status===1"
             (click)="pay(data)"
            >
              {{ data.Status===1 ? '已缴费' : '缴费'}}
            </button>
          </td>
        </tr>
      </tbody>
    </nz-table>
    <nz-modal
      [(nzVisible)]="delayModel"
      nzTitle="申请延期"
      (nzOnCancel)="handleCancelDelayApply()"
      (nzOnOk)="handleOkDelay()"
      (nzAfterClose)="close()"
    >
      <ng-container *nzModalContent>
        <form nz-form>
          <nz-form-item>
            <nz-form-label nzSpan="4" nzRequired>申请理由</nz-form-label>
            <nz-form-control nzSpan="14">
              <nz-textarea-count [nzMaxCharacterCount]="100">
                <textarea rows="4" [(ngModel)]="delayReason" name="delayReason" required placeholder="请填写申请理由" nz-input></textarea>
              </nz-textarea-count>
            </nz-form-control>
          </nz-form-item>
          <nz-form-item>
            <nz-form-label nzSpan="4" nzRequired>延期天数</nz-form-label>
            <nz-form-control nzSpan="14">
              <input nz-input type="number" [(ngModel)]="delayDay" name="delayDay" placeholder="请填写延期天数">
            </nz-form-control>
          </nz-form-item>
        </form>
      </ng-container>
    </nz-modal>
  </div>
